<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>了解 Web 及网络基础 - 古一 - 个人博客</title>
  <meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<meta name="theme-color" content="#f8f5ec" />
<meta name="msapplication-navbutton-color" content="#f8f5ec">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">


<meta name="author" content="古一" /><meta name="description" content="1. TCP/IP协议分层 协议分层 应用层 传输层 网络层 数据链路层 提示 如果某些地方需要改动，只需要把变动的层修改逻辑。各层对外接口部分规划好，内部设" /><meta name="keywords" content="古一, 博客, 网站" />






<meta name="generator" content="Hugo 0.81.0 with theme even" />


<link rel="canonical" href="/post/%E4%BA%86%E8%A7%A3-web-%E5%8F%8A%E7%BD%91%E7%BB%9C%E5%9F%BA%E7%A1%80/" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">



<link href="/sass/main.min.af7fd1da18d66c2b017df5b4cae508ef44cfcac3fb4c7c7a327fe4f4f9e28b08.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.1.20/dist/jquery.fancybox.min.css" integrity="sha256-7TyXnr2YU040zfSP+rEcz29ggW4j56/ujTPwjMzyqFY=" crossorigin="anonymous">


<meta property="og:title" content="了解 Web 及网络基础" />
<meta property="og:description" content="1. TCP/IP协议分层 协议分层 应用层 传输层 网络层 数据链路层 提示 如果某些地方需要改动，只需要把变动的层修改逻辑。各层对外接口部分规划好，内部设" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/post/%E4%BA%86%E8%A7%A3-web-%E5%8F%8A%E7%BD%91%E7%BB%9C%E5%9F%BA%E7%A1%80/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2021-01-18T16:25:17&#43;08:00" />
<meta property="article:modified_time" content="2021-01-19T19:01:05&#43;08:00" />

<meta itemprop="name" content="了解 Web 及网络基础">
<meta itemprop="description" content="1. TCP/IP协议分层 协议分层 应用层 传输层 网络层 数据链路层 提示 如果某些地方需要改动，只需要把变动的层修改逻辑。各层对外接口部分规划好，内部设"><meta itemprop="datePublished" content="2021-01-18T16:25:17&#43;08:00" />
<meta itemprop="dateModified" content="2021-01-19T19:01:05&#43;08:00" />
<meta itemprop="wordCount" content="1525">
<meta itemprop="keywords" content="HTTP," /><meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="了解 Web 及网络基础"/>
<meta name="twitter:description" content="1. TCP/IP协议分层 协议分层 应用层 传输层 网络层 数据链路层 提示 如果某些地方需要改动，只需要把变动的层修改逻辑。各层对外接口部分规划好，内部设"/>

<!--[if lte IE 9]>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
<![endif]-->

<!--[if lt IE 9]>
  <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->

</head>
<body>
  <div id="mobile-navbar" class="mobile-navbar">
  <div class="mobile-header-logo">
    <a href="/" class="logo">古一</a>
  </div>
  <div class="mobile-navbar-icon">
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>
<nav id="mobile-menu" class="mobile-menu slideout-menu">
  <ul class="mobile-menu-list">
    <a href="/">
        <li class="mobile-menu-item">首页</li>
      </a><a href="/post/">
        <li class="mobile-menu-item">文章</li>
      </a><a href="/tags/">
        <li class="mobile-menu-item">标签</li>
      </a><a href="/categories/">
        <li class="mobile-menu-item">分类</li>
      </a><a href="/about/">
        <li class="mobile-menu-item">关于</li>
      </a>
  </ul>

  


</nav>

  <div class="container" id="mobile-panel">
    <header id="header" class="header">
        <div class="logo-wrapper">
  <a href="/" class="logo">古一</a>
</div>





<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
        <a class="menu-item-link" href="/">首页</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/post/">文章</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/tags/">标签</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/categories/">分类</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/about/">关于</a>
      </li>
  </ul>
</nav>

    </header>

    <main id="main" class="main">
      <div class="content-wrapper">
        <div id="content" class="content">
          <article class="post">
    
    <header class="post-header">
      <h1 class="post-title">了解 Web 及网络基础</h1>

      <div class="post-meta">
        <span class="post-time"> 2021-01-18 </span>
        <div class="post-category">
            <a href="/categories/%E6%8A%80%E6%9C%AF/"> 技术 </a>
            </div>
          <span class="more-meta"> 约 1525 字 </span>
          <span class="more-meta"> 预计阅读 4 分钟 </span>
        
      </div>
    </header>

    <div class="post-toc" id="post-toc">
  <h2 class="post-toc-title">文章目录</h2>
  <div class="post-toc-content">
    <nav id="TableOfContents">
  <ul>
    <li>
      <ul>
        <li><a href="#1-tcpip协议分层">1. TCP/IP协议分层</a>
          <ul>
            <li><a href="#应用层">应用层</a></li>
            <li><a href="#传输层">传输层</a></li>
            <li><a href="#网络层">网络层</a></li>
            <li><a href="#链路层">链路层</a></li>
          </ul>
        </li>
        <li><a href="#2-tcpip-通信传输流">2. TCP/IP 通信传输流</a>
          <ul>
            <li><a href="#heading"></a></li>
          </ul>
        </li>
        <li><a href="#3-与-http-关系密切的协议--iptcp-和-dns">3. 与 HTTP 关系密切的协议 : IP、TCP 和 DNS</a>
          <ul>
            <li><a href="#负责传输的-ip-协议">负责传输的 IP 协议</a></li>
            <li><a href="#确保可靠性的-tcp-协议">确保可靠性的 TCP 协议</a></li>
            <li><a href="#负责域名解析的-dns-服务">负责域名解析的 DNS 服务</a></li>
          </ul>
        </li>
        <li><a href="#4-uri和url">4. URI和URL</a>
          <ul>
            <li><a href="#uri-格式">URI 格式</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</nav>
  </div>
</div>
    <div class="post-content">
      <h2 id="1-tcpip协议分层">1. TCP/IP协议分层</h2>
<div class="admonition abstract"><p class="admonition-title">协议分层</p>
<ul>
<li>
<p>应用层</p>
</li>
<li>
<p>传输层</p>
</li>
<li>
<p>网络层</p>
</li>
<li>
<p>数据链路层</p>
</li>
</ul>
</div>
<div class="admonition quote"><p class="admonition-title">提示</p>
<p>如果某些地方需要改动，只需要把变动的层修改逻辑。各层对外接口部分规划好，内部设计就比较灵活了。分层好处之一。</p>
</div>
<h3 id="应用层">应用层</h3>
<div class="admonition info">
<p>应用层决定了向用户提供应用服务时通信的活动。TCP/IP 协议族内预存了各类通用的应用服务。比如，FTP（File Transfer Protocol，文件传输协议）和 DNS（Domain Name System，域 名系统）服务就是其中两类。 HTTP 协议也处于该层。</p>
</div>
<h3 id="传输层">传输层</h3>
<div class="admonition info">
<p>传输层对上层应用层，提供处于网络连接中的两台计算机之间的数据传输。<strong>TCP</strong>（Transmission Control Protocol，传输控制协议）和 <strong>UDP</strong>（User Data Protocol，用户数据报 协议）。</p>
</div>
<h3 id="网络层">网络层</h3>
<div class="admonition info">
<p>网络层用来处理在网络上流动的数据包。数据包是网络传输的最小数据单位。与对方计算机之间通过多台计算机或网络设备进行传输时，网络层所起的作用就是在众多的选项内选择一条传输路线。</p>
</div>
<h3 id="链路层">链路层</h3>
<div class="admonition info">
<p>处理连接网络的硬件部分（网卡，光纤）。</p>
</div>
<h2 id="2-tcpip-通信传输流">2. TCP/IP 通信传输流</h2>
<div class="admonition info"><p class="admonition-title">IP协议</p>
<p>发送端在层与层之间传输时，每经过一层必定会打上一个该层的所属的首部信息。</p>
<p>接收端同理，每经过一层时，会把对应的首部消去。</p>
</div>
<h3 id="heading"></h3>
<h2 id="3-与-http-关系密切的协议--iptcp-和-dns">3. 与 HTTP 关系密切的协议 : IP、TCP 和 DNS</h2>
<h3 id="负责传输的-ip-协议">负责传输的 IP 协议</h3>
<div class="admonition info"><p class="admonition-title">IP协议</p>
<p>IP协议的作用就是把数据包传输给对方。需要通过IP地址和MAC地址才能确保准确送达到对方。</p>
<p>IP地址就是节点被分配的地址，MAC地址就是网卡的固定地址。IP地址和MAC地址进行配对。</p>
<p>使用ARP协议凭借MAC地址进行通信，<strong>ARP</strong>是一种解析地址的协议，根据通信方的IP反查对应的MAC地址。</p>
</div>
<h3 id="确保可靠性的-tcp-协议">确保可靠性的 TCP 协议</h3>
<div class="admonition info"><p class="admonition-title">TCP协议</p>
<p>TCP协议位于传输层，提供可靠的字节流服务。为了更容易传输大数据，将数据分割以报文段为单位的数据包进行管理，能够确认数据最终是否送到对方。才用__三次握手__策略。</p>
</div>
<h3 id="负责域名解析的-dns-服务">负责域名解析的 DNS 服务</h3>
<div class="admonition info"><p class="admonition-title">DNS服务</p>
<p>DNS服务是和 HTTP 协议一样位于应用层的 协议。它提供域名到 IP 地址之间的解析服务。</p>
</div>
<h2 id="4-uri和url">4. URI和URL</h2>
<div class="admonition info">
<p>与 URI（Uniform Resource Identifier ，统一资源标识符）相比，我们更熟悉 URL（Uniform Resource Locator，统一资源定位符）。URL正是使用 Web 浏览器等 访问 Web 页面时需要输入的网页地址。</p>
</div>
<div class="admonition abstract"><p class="admonition-title">URL</p>
<p><strong>Uniform</strong></p>
<p>规定统一的格式可方便处理多种不同类型的资源，而不用根据上下文 环境来识别资源指定的访问方式。另外，加入新增的协议方案（如 http: 或 ftp:）也更容易。</p>
<p><strong>Resource</strong></p>
<p>资源的定义是“可标识的任何东西”。除了文档文件、图像或服务（例 如当天的天气预报）等能够区别于其他类型的，全都可作为资源。另 外，资源不仅可以是单一的，也可以是多数的集合体。</p>
<p><strong>Identifier</strong></p>
<p>表示可标识的对象。也称为标识符。</p>
</div>
<div class="admonition tips"><p class="admonition-title">提示</p>
<p>URI 用字符串标识某一互联网资源，而 URL表示资源的地点（互联 网上所处的位置）。可见 URL是 URI 的子集。</p>
</div>
<h3 id="uri-格式">URI 格式</h3>
<blockquote>
<p><a href="http://user:pass@www.abc.com:80/dir/index.htm?id=1#ch1">http://user:pass@www.abc.com:80/dir/index.htm?id=1#ch1</a></p>
</blockquote>
<div class="admonition info"><p class="admonition-title">http</p>
<p>使用 http: 或 https: 等协议方案名获取访问资源时要指定协议类型。不区分字母大小写，最后附一个冒号（:）。 也可使用 data: 或 javascript: 这类指定数据或脚本程序的方案名。</p>
</div>
<div class="admonition info"><p class="admonition-title">登录信息</p>
<p>登录信息（认证） 指定用户名和密码作为从服务器端获取资源时必要的登录信息（身份 认证）。此项是可选项。</p>
</div>
<div class="admonition info"><p class="admonition-title">服务器地址</p>
<p>服务器地址使用绝对 URI 必须指定待访问的服务器地址。地址可以是类似 abc.com 这种 DNS 可解析的名称，或是 192.168.1.1 这类 IPv4 地址 名，还可以是 [0:0:0:0:0:0:0:1] 这样用方括号括起来的 IPv6 地址名。</p>
</div> 
<div class="admonition info"><p class="admonition-title">服务器端口号</p>
<p>服务器端口号指定服务器连接的网络端口号。此项也是可选项，若用户省略则自动 使用默认端口号。</p>
</div> 
<div class="admonition info"><p class="admonition-title">文件路径</p>
<p>带层次的文件路径 指定服务器上的文件路径来定位特指的资源。这与 UNIX 系统的文件 目录结构相似。</p>
</div> 
<div class="admonition info"><p class="admonition-title">查询字符串</p>
<p>查询字符串针对已指定的文件路径内的资源，可以使用查询字符串传入任意参 数。此项可选。</p>
</div> 
<div class="admonition info"><p class="admonition-title">片段标识符</p>
<p>片段标识符使用片段标识符通常可标记出已获取资源中的子资源（文档内的某个 位置）。</p>
<p>该项也为可选 项。</p>
</div>
    </div>

    <div class="post-copyright">
  <p class="copyright-item">
    <span class="item-title">文章作者</span>
    <span class="item-content">古一</span>
  </p>
  <p class="copyright-item">
    <span class="item-title">上次更新</span>
    <span class="item-content">
        2021-01-19
        
    </span>
  </p>
  
  <p class="copyright-item">
    <span class="item-title">许可协议</span>
    <span class="item-content">MIT</span>
  </p>
</div>
<footer class="post-footer">
      <div class="post-tags">
          <a href="/tags/http/">HTTP</a>
          </div>
      <nav class="post-nav">
        <a class="prev" href="/post/%E7%AE%80%E5%8D%95%E7%9A%84-http-%E5%8D%8F%E8%AE%AE/">
            <i class="iconfont icon-left"></i>
            <span class="prev-text nav-default">简单的 HTTP 协议</span>
            <span class="prev-text nav-mobile">上一篇</span>
          </a>
        <a class="next" href="/post/money/%E5%8F%AF%E8%BD%AC%E5%80%BA%E7%BD%91%E6%A0%BC%E4%BA%A4%E6%98%93/">
            <span class="next-text nav-default"></span>
            <span class="next-text nav-mobile">下一篇</span>
            <i class="iconfont icon-right"></i>
          </a>
      </nav>
    </footer>
  </article>
        </div>
        

  

  

      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="social-links">
  <a href="/index.xml" type="application/rss+xml" class="iconfont icon-rss" title="rss"></a>
</div>

<div class="copyright">
  <span class="power-by">
    由 <a class="hexo-link" href="https://gohugo.io">Hugo</a> 强力驱动
  </span>
  <span class="division">|</span>
  <span class="theme-info">
    主题 - 
    <a class="theme-link" href="https://github.com/olOwOlo/hugo-theme-even">Even</a>
  </span>

  

  <span class="copyright-year">
    <span><a href="https://beian.miit.gov.cn/">粤ICP备20006718号-1</a></span>
    &copy; 
    2018 - 
    2022<span class="heart"><i class="iconfont icon-heart"></i></span><span>古一</span>
  </span>
</div>

    </footer>

    <div class="back-to-top" id="back-to-top">
      <i class="iconfont icon-up"></i>
    </div>
  </div>
  
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/slideout@1.0.1/dist/slideout.min.js" integrity="sha256-t+zJ/g8/KXIJMjSVQdnibt4dlaDxc9zXr/9oNPeWqdg=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.1.20/dist/jquery.fancybox.min.js" integrity="sha256-XVLffZaxoWfGUEbdzuLi7pwaUJv1cecsQJQqGLe7axY=" crossorigin="anonymous"></script>



<script type="text/javascript" src="/js/main.min.c99b103c33d1539acf3025e1913697534542c4a5aa5af0ccc20475ed2863603b.js"></script>
  <script type="text/javascript">
    window.MathJax = {
      tex: {
        }
    };
  </script>
  <script async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.5/es5/tex-mml-chtml.js" integrity="sha256-HGLuEfFcsUJGhvB8cQ8nr0gai9EucOOaIxFw7qxmd+w=" crossorigin="anonymous"></script>








</body>
</html>
